/*
 * PageList 样式
 */
.sc-page-list {
  // padding: 20px;
  background-color: #fff;
  border-radius: 5px;
  padding-top: 0px;

  &-header {
    // padding: 0 0 15px;
    font-size: 20px;
  }
  .el-card {
    .el-card__header {
      background-color: #d3dbeb;
      padding: 0px !important;
    }
  }
}

.sc-list-filter {
  // padding: 20px 0;

  .sc-list-filter-col {
    display: block;
  }
}

.sc-list-top-button {
  padding: 15px 0;
}

.sc-list-tip {
  padding: 15px 0;
}

.sc-list-table {
  padding: 20px 0;

  &-pager {
    padding: 20px 0 0;
    text-align: right;
  }
  .el-card {
    .el-card__body {
      padding: 0px 0px 20px 0px !important;
      width: 100%;
    }
  }
  .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #254c99;
  }
  .el-pagination.is-background .el-pager li:not(.disabled).active:hover {
    color: #fff;
  }
}

.sc-page-list-filter {
  .sc-list-filter {
    &-col-wrap {
      margin-top: -20px;
      display: flex;

      .sc-list-filter-col-items {
        flex: 1;
      }

      .sc-list-filter-col-buttons {
        flex-shrink: 0;
      }

      .sc-list-filter-buttons {
        padding-left: 15px;
        flex-shrink: 0;
        display: flex;
        align-items: flex-end;
        height: 100%;
      }
    }

    .sc-list-filter-col {
      display: flex;

      &.el-form-item {
        margin-top: 20px;
        margin-bottom: 0;
      }

      .el-form-item__label {
        display: block;
        flex-shrink: 0;
        width: 90px;
      }

      .el-form-item__content {
        display: flex;
        flex: 1;

        .el-select {
          display: block;
          flex: 1;
        }

        .el-range-editor.el-input__inner {
          display: flex;
          flex: 1;
          width: auto;
        }
      }
    }
  }
}

.el-button--primary,
.el-button--primary:hover,
.el-button--primary:focus {
  background-color: #586aa6;
  border-color: #586aa6;
  color: #fff !important;
}

.el-select .el-input.is-focus .el-input__inner {
  border-color: #586aa6;
}
.el-select .el-input__inner:focus {
  border-color: #586aa6;
}
.el-select-dropdown__item.selected {
  color: #586aa6;
}
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: #586aa6;
  border-color: #586aa6;
  -webkit-box-shadow-: 1px 0 0 0 #586aa6;
  box-shadow: 1px 0 0 0 #586aa6;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #586aa6;
  border-color: #586aa6;
}
.el-range-editor.is-active,
.el-range-editor.is-active:hover {
  border-color: #586aa6;
}
.el-date-table td.today span {
  color: #586aa6;
}
.el-button--text {
  color: #586aa6;
}
.el-date-table td.end-date span,
.el-date-table td.start-date span {
  background-color: #586aa6;
}
.el-input--suffix .el-input__inner:focus {
  border-color: #586aa6;
}
.el-input--small .el-input__inner:focus {
  border-color: #586aa6;
}
.el-time-panel__btn.confirm {
  color: #586aa6;
}
.el-dialog__body {
  padding-top: 0px;
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #586aa6;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #586aa6;
  border-color: #586aa6;
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #586aa6;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #586aa6;
}

.el-pagination .el-select .el-input .el-input__inner:hover {
  border-color: #586aa6;
}
.el-pagination__editor.el-input .el-input__inner:focus {
  border-color: #586aa6;
}
.el-input__inner:focus {
  border-color: #586aa6;
}
.el-tabs__item.is-active {
  color: #586aa6;
}
.el-tabs__item:hover {
  color: #586aa6;
}
.el-dropdown-menu__item:not(.is-disabled):hover {
  // background-color: #FD6622 !important;
  color: #586aa6;
}
.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
  background-color: #d3dbeb;
  border-color: #d3dbeb;
}
